*{
	padding:0;
	margin:0;
	}
html{
	height:100%;
	background:url(../img/bg.gif) repeat-x #ffffff;
}	
body{
	height:100%;
	font-family:'宋体';
	font-size:12px;	
	overflow:hidden;
}
img{
	border:none;
}
#page{
	width:100%;
	height:462px;
	position:relative;
	top:50%;
	margin-top:-252px;
}
#copyright{
	width:100%;
	height:60px;
	font-size:14px;
	line-height:60px;
	text-align:center;
	color:#04a;
}
#title{
	width:511px;
	height:102px;
	margin:0 auto;
}
#title .titleImg{
	display:block;
	float:left;
}
#home{
	position:relative;
	margin:0 auto;
	width:850px;
	height:300px;
	padding:0 20px;
}
#car{
	display:block;
	position:absolute;
	top:0;
	left:20px;
	z-index:1;
}
#info{
	width:300px;
	height:300px;
	border:1px solid #fff;
	position:absolute;
	top:0px;
	right:20px;
	background-color:#ffffff;
	z-index:10;
}
#info h3{
	text-align: center;
	font: normal 20px/1 Verdana, Helvetica;
	letter-spacing: 3px;
    color: #04a;
    margin:10px 0 15px 0;
    position: relative;
}
#info h3:after, h3:before{
	width: 70px;
    height: 1px;
	background-color: #04a;
    content: "";
    position: absolute;
    top: 10px;
}
#info h3:after{
    background: -webkit-gradient(linear, left top, right top, from(#04a), to(#CCCC99));
    background: -webkit-linear-gradient(left, #04a, #CCCC99);
    background: -moz-linear-gradient(left, #04a, #CCCC99);
    background: -ms-linear-gradient(left, #04a, #CCCC99);
    background: -o-linear-gradient(left, #04a, #CCCC99);
    background: linear-gradient(left, #04a, #CCCC99);
    right: 24px; 
}
#info h3:before{
    background: -webkit-gradient(linear, right top, left top, from(#04a), to(#CCCC99));
    background: -webkit-linear-gradient(right, #04a, #CCCC99);
    background: -moz-linear-gradient(right, #04a, #CCCC99);
    background: -ms-linear-gradient(right, #04a, #CCCC99);
    background: -o-linear-gradient(right, #04a, #CCCC99);
    background: linear-gradient(right, #04a, #CCCC99); 
    left: 24px;
}
#info label{
	position:relative;
	display:block;
	width:240px;
	height:35px;
	font-family: '宋体';
	font-size:14px;
	line-height:35px;
	border:1px solid #B3B3B3;
	padding-left:10px;
	margin:0 24px 15px 24px;
	color:#B3B3B3;
}
#userID,#userPwd{
	position:relative;
	z-index:1; 
	height:30px;
	width:180px;
	line-height:1.5; 
	border:none;
	outline:none;
}

#info input{
	border:none;
}

/* #captcha_id{
	position:relative;
	z-index:1; 
	height:30px;
	width:110px;
	line-height:1.5; 
	border:none;
	outline:none;
} */

.captcha{
	position:relative;
	margin:0 24px 15px 24px;
}


#idMsg,#pwdMsg{
	position:absolute;
	top:0; 
	right:10px;
	z-index:0;
	display:block;
	height:35px;
	line-height:35px;
	text-align:right;
	color:#F30;	
}
#codeMsg{
	position:absolute;
	top:0; 
	right:80px;
	z-index:0;
	display:block;
	height:35px;
	line-height:35px;
	text-align:right;
	color:#F30;	
}
#info #btn{
	height:37px;
	width:252px;
	font-size:14px;
	font-weight:500;
	border:none;
	letter-spacing:5px;
	margin-left:24px;
	color:#ffffff;
	background-color:#1141FF;
	cursor:pointer;
	transition:all 0.3s ease-in;
	-moz-transition:all 0.3s ease-in;
	-webkit-transition:all 0.3s ease-in;
	-o-transition:all 0.3s ease-in;
}
#info #btn:hover{
	color:#000;
	background-color:#4469FF;
}